<template>
	<div class="contanis" style="background: #f2f2f2; padding-top: 20px;">
		 <div class="card-cover"></div>
		 <div class="service-plus">
			  <div class="service-title">增值服务</div>
			  <div class="service-item">
				   <div class="service-item-name">原厂车身保险 <span class="buyStatus">未购买</span></div>
				   <div class="service-describe">车厂原装，免费维修</div>
			  </div>
			  <div class="service-item">
				   <div class="service-item-name">原厂车身保险 <span class="buyStatus">未购买</span></div>
				   <div class="service-describe">车厂原装，免费维修</div>
			  </div>
		 </div>
	</div>
</template>

<script>
</script>

<style>
	.card-cover { width: 90%; height: 150px; margin: 0 auto; border-radius: 10px; background: bisque;}
	.service-plus { width: 90%; height: auto; margin: 0 auto; margin-top: 10px;}
	.service-item { background: #fff; width: 100%; height: 100px; margin-top: 20px; padding-top: 20px;}
	.service-item-name { width: 80%; height: 30px; margin: 0 auto;}
	.service-item-name .buyStatus { margin-left: 20px; width: auto; padding: 0 5px; font-size: 13px; height: 30px; border-radius: 5px; border: 1px solid #666;}
	.service-describe { width: 80%; margin: 0 auto; color: #666;}
</style>